<!DOCTYPE html>
<html lang="en">
	<head>
	  <meta charset="UTF-8">
	  <title>超市商品信息系统</title>
		<link rel="stylesheet" href="../static/css/animate.min.css">
		<link rel="stylesheet" href="../static/css/font-awesome.min.css">
		<link rel="stylesheet" href="../static/css/slicknav.css">
		<link rel="stylesheet" href="../static/css/bootstrap.min.css">
		<link rel="stylesheet" href="../static/css/styleswither.css">
		<link rel="stylesheet" href="../static/css/rm_menu.css">
		<link rel="stylesheet" href="../static/css/red.css">
		<link rel="stylesheet" href="../static/css/rm_menu_responsive.css">
		<link href="../static/css/css.css" rel="stylesheet">

		<link rel="alternate stylesheet" type="text/css" title="blue" href="../static/css/blue.css">
		<link rel="alternate stylesheet" type="text/css" title="red" href="../static/css/red.css">
		<link rel="alternate stylesheet" type="text/css" title="navy" href="../static/css/navy.css">
		<link rel="alternate stylesheet" type="text/css" title="green" href="../static/css/green.css">
		<link rel="alternate stylesheet" type="text/css" title="magenta" href="../static/css/magenta.css">
	</head>

	<body>
	<!-- START DEMO-TOP -->
		<div class="demo-banner" style="background-image:url(../static/image/intro.jpg)">
            <div class="container">
                <div class="banner_inner text-center">
                    <img alt="logo" src="../static/picture/mm.png" class="demo-brand wow fadeInUp">
                    <h1>Super_Market Information System<br>the three group</h1>

				</div>
            </div>
        </div>
		<!-- END DEMO-TOP -->
		<!-- START DEMO -->
		<div class="demo-area">
			<div class="container">
				<div class="row">
					<div class="col-md-6">
                        <div class="home-img-box">
                            <a href="/index2" >
                                <img src="../static/picture/index2.jpg" alt="porri" class="img-fluid mx-auto d-block">
                            </a>
                            <h5>mega menu 1</h5>
                        </div>
                    </div>
					<div class="col-md-6">
                        <div class="home-img-box">
                            <a href="/index3" >
                                <img src="../static/picture/index3.jpg" alt="porri" class="img-fluid mx-auto d-block">
                            </a>
                            <h5>mega menu 2</h5>
                        </div>
                    </div>
					<div class="col-md-6">
                        <div class="home-img-box">
                            <a href="/index4">
                                <img src="../static/picture/index4.jpg" alt="porri" class="img-fluid mx-auto d-block">
                            </a>
                            <h5>mega menu 3</h5>
                        </div>
                    </div>
					<div class="col-md-6">
                        <div class="home-img-box">
                            <a href="/index5">
                                <img src="../static/picture/index5.jpg" alt="porri" class="img-fluid mx-auto d-block">
                            </a>
                            <h5>mega menu 4</h5>
                        </div>
                    </div>
				</div>
			</div>
		</div>

			<script src="../static/js/jquery.min.js"></script>
			<script src="../static/js/styleswitcher.js"></script>
			<script src="../static/js/rm_menu.js"></script>
			<script src="../static/js/jquery.slicknav.min.js"></script>
			<script src="../static/js/bootstrap.min.js"></script>


	</body>
</html>
